<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>叠云年会抽奖平台</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="base.css" media="screen" type="text/css">
</head>
<body>
<div class="container none"></div>
<div class="mask"></div>
<div id="stop" class="btn_circle none">停止</div>
<div class="box">
    <div class="main_box">
        <div class="left_box">
            <section class="left_bg">
                <ul>
                    <li style="visibility: hidden;">
                        <span class="tit">抽奖类型：</span>
                        <a id="topLeft"><img src="img/btn_left_able.png"></a>
                        <span id="topContent" class="tit_content award">员工中大奖</span>
                        <a id="topRight"><img src="img/btn_right_able.png"></a>
                    </li>
                    <li>
                        <span class="tit">参与人数：</span>
                        <span id="joinNum" class="tit_content">175人</span>
                    </li>
                    <li class="gift">
                        <span >
                            <img id="award" src="img/price0.png">
                        </span>
                    </li>
                    <li class="price_goods">
                        <span class="tit">抽奖奖项：</span>
                        <a id="bottomLeft"><img src="img/btn_left_able.png"></a>
                        <span id="bottomContent" class="tit_content award">三等奖</span>
                        <a id="bottomRight"><img src="img/btn_right_able.png"></a>
                    </li>
                    <li>
                        <span class="tit">获奖人数：</span>
                        <span class="tit_content tit_input">
                        	<input type="text" value="4" /> 人
                        </span>
                    </li>
                </ul>
            </section>
        </div>
        <div class="center_box">
            <section class="center">
                <div><img src="img/CloudeckerRedWhite.png"></div>
                <div id="resetData"><img src="img/nhlogo.png"></div>
                <div id="open" class="btn_start"><img src="img/btn_start.png"></div>
            </section>
        </div>
        <div class="right_box">
            <section class="right_bg">
                <div class="awardListTit"><img src="img/title.png"></div>
                <div>
                    <ul id="plist">
                        
                    </ul>
                </div>

            </section>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/constant.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src='js/transform.js'></script>
<script type="text/javascript" src='js/tick.js'></script>
<!--data为静态数据 如用ajax获取请取消输入引入-->
<!--抽奖动画-->
<script type="text/javascript" src='js/3d.js'></script>
<!--实际抽奖逻辑代码-->
<script type="text/javascript" src='js/lucky.js'></script>
<!-- ajax抽奖逻辑 -->
<!-- <script type="text/javascript" src='js/ajaxLucky.js'></script> -->
<script type="text/javascript" src="js/data.js"></script>
</body>
</html>